import React, { useState } from 'react';
import { Modal, Button } from 'antd';
import './torder.less';
import Turn from './turn'
function Torder(){
const [isModalVisible, setIsModalVisible] = useState(false);

  const showModal = () => {
    setIsModalVisible(true);
  };

  const handleOk = () => {
    setIsModalVisible(false);
  };

  const handleCancel = () => {
    setIsModalVisible(false);
  };
return(
    <div className='ztorder'>
          <a onClick={showModal}>转单</a>
        <Modal 
        id='zmodal'
        title="转单" 
        visible={isModalVisible} 
        onCancel={handleCancel} 
        footer={[
                <Button onClick={handleOk} id='zbtn1'>确认</Button>,
                <Button onClick={handleCancel} id='zbtn2'>取消</Button>
                ]}>
           <div className='zdiv'>
              <p> 订单编号 : CJR2139987</p>
              <p>
                <span>转收人</span><Turn/>
             </p>
              <textarea placeholder=' 请输入转单说明...'cols="76" rows="7"></textarea>

           </div>
        </Modal>
    </div>
)
}
export default Torder